<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
</head>
<body>


<h1>zm-extends</h1>
<h2>dev</h2>
<div class="version" data="http://192.168.0.173:8085/s-info?type=version">
    <div property="build-time"></div>
    <div property="Env"></div>
    <div property="builder"></div>
    <div property="git-branch"></div>
    <div property="projectName"></div>
    <div property="git-commitid"></div>
</div>
<div class="tomcat" data="http://192.168.0.173:8085/s-info?type=tomcat">
    <div property="name"></div>
    <div property="maxThreads"></div>
    <div property="currentThreadCount"></div>
    <div property="currentThreadsBusy"></div>
    <div property="bytesReceived"></div>
    <div property="bytesSent"></div>
    <div property="requestCount"></div>
    <div property="errorCount"></div>
    <div property="processingTime"></div>
    <div property="maxTime"></div>
    <div property="keepAliveCount"></div>
    <div property="freeMemory"></div>
    <div property="totalMemory"></div>
    <div property="usedMemory"></div>
    <div property="percentFree"></div>
    <div property="hostname"></div>
    <div property="ip"></div>
</div>

<script>
    $(function () {
        for (let a of  $("div[data]")) {
            $.getJSON("/info?url=" + encodeURI($(a).attr('data')), function (data) {
                for (let key in data) {
                    $(a).find('[property=]' + key).html(key + " :" + data[key]);
                }
            })
        }
    });

</script>
</body>
</html>